<template>
    <Layout>

        <div class="slider-area slider-style-1 height-650 bg_image"
             data-black-overlay="7"
             :style="{'background-image': `url(${require(`@/assets/images/bg/bg-image-14.jpg`)})`}"
             >
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="inner pt--80 text-center">
                            <!-- <div>
                                <h3 class="rn-sub-badge" data-aos="fade-up" data-aos-delay="100">
                                    <span class="theme-gradient">我们公司关于详细信息.</span>
                                </h3>
                            </div> -->
                            <h1 class="title display-one" data-aos="fade-up" data-aos-delay="150">
                                国际短信
                            </h1>
                            <h4 style="color: #fff;line-height: 2;">
                                国际短信<br>加快业务进程。选择锦锐是您的优质选择！
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Start Service Area -->
        <section class="rn-service-area rn-section-gap">
            <div class="container">
                <div class="row row--30">
                    <div class="col-lg-12">
                        <SectionTitle
                            class="mb--50"
                            text-align="center"
                            subtitle=""
                            title="高效稳定"
                            description="智能、高效、简单的连接人与服务"
                            data-aos="fade-up"
                            data-aos-delay="60"
                        />
                    </div>
                </div>
                <ServiceThree
                    service-style="service__style--2"
                    text-align="center"
                />
            </div>
        </section>
        <!-- End Service Area -->

        <Separator/>

        <!-- Start Service Area -->
        <section class="rn-service-area rn-section-gap">
            <div class="container">
                <div class="row row--30">
                    <div class="col-lg-12">
                        <SectionTitle
                            class="mb--50"
                            text-align="center"
                            subtitle=""
                            title="短信接口试用场景"
                            description="全球覆盖,支持各种语言,助力企业安全获客,提高注册转化率,加快业务进程"
                            data-aos="fade-up"
                            data-aos-delay="60"
                        />
                    </div>
                </div>
                <ServiceTwo
                    card-style="card-style-1"
                    text-align="left"
                />
            </div>
        </section>
        <!-- End Service Area -->

        <Separator/>





        <!-- Start Service Area -->
        <section class="rn-service-area rn-section-gap">
            <div class="container">
                <div class="row row--30">
                    <div class="col-lg-12">
                        <SectionTitle
                            class="mb--50"
                            text-align="center"
                            subtitle=""
                            title="平台优势"
                            description="体验低延迟、高触达、广连接的全球通讯交互"
                            data-aos="fade-up"
                            data-aos-delay="60"
                        />
                    </div>
                </div>
                <ServiceFour
                    service-style="service__style--1 icon-circle-style with-working-process"
                    text-align="center"
                />
            </div>
        </section>
        <!-- End Service Area -->



        <Separator/>


        <div class="rwt-callto-action-area rn-section-gapBottom">
            <div class="wrapper">
                <router-link to="/contact">
                    <CallToAction
                    :style-type="5"
                    title="如果您有什么问题随时与我们取得联系"
                    btn-text="联系我们"
                />
                </router-link>
            </div>
        </div>

        <!-- End Service Area -->
    </Layout>
</template>

<script>
    import CallToAction from "../components/elements/callToAction/CallToAction"
    import Layout from '../components/common/Layout'
    import Separator from '../components/elements/separator/Separator'
    import SectionTitle from '../components/elements/sectionTitle/SectionTitle'
    import ServiceTwo from '../components/elements/service/ServiceTwo'
    import ServiceThree from '../components/elements/service/ServiceThree'
    import ServiceFour from '../components/elements/service/ServiceFour'

    export default {
        name: 'ServicePage',
        components: {ServiceTwo, ServiceThree, ServiceFour, Separator, SectionTitle, Layout,CallToAction}
    }
</script>